Apex 4X Technical Style Guide

ARIA Date Picker (With Absolute Disabled Date Ranges)

Configure absolute and relative disabled date ranges (no earlier than 1st January 2020, and no later than 3 days after today).

{
  minDate: new Date(2018, 0, 1),
  maxDate: 3
}

The calendar is keyboard accessible:

  • When the calendar is opened, focus is set on the current date.
  • Press the Left and Right arrow keys to navigate the row by week day.
  • Press the Home and End keys to jump to the beginning or end of the current row.
  • Press the Up and Down arrow keys to navigate between weeks on the same week day.
  • Press the PageDown and PageUp keys to navigate backwards or forwards by month.
  • Press Alt+PageDown and Alt+PageUp to navigate backwards or forwards by year.
  • Press the Enter key to activate the selected date.
  • Press Escape to close the calendar without making a selection.
  • Mouse users can click the desired date buttons as usual.